<template>
  <!-- 登录主页 -->
  <el-container class="wrapper-container">
    <div class="content">
      <lottie :options="defaultOptions" :height="200" :width="200" />
      <h1>Cardpack管理系统</h1>
      <span>帮助使用者更好更快捷的使用卡包,简化生活</span>
      <el-row class="aside-el-row">
        <el-button type="primary" @click="userClick">用户</el-button>
        <el-button type="primary" @click="merchantClick">商家</el-button>
      </el-row>
    </div>
  </el-container>
</template>

<script>
import * as animationData from "assets/lottie/48055-working-online";
export default {
  name: "LoginJudge",
  methods: {
    userClick() {
      this.$router.push("/loginuser");
    },
    merchantClick() {
      this.$router.push("/loginmerchant");
    },
  },
  data() {
    return {
      defaultOptions: { animationData: animationData.default },
      animationSpeed: 1,
      anim: {},
    };
  },
};
</script>


<style lang="less" scoped>
.wrapper-container {
  background-color: #e0eeeed8;
}
.el-container {
  height: 100%;
}
.content {
  margin: 150px auto;
  text-align: center;
}
.aside {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  // 去掉滚轮条
  overflow-y: hidden;
}
.aside-el-row {
  padding-top: 20px;
}
</style>